<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html xmlns:wicket="http://wicket.apache.org/dtds.data/wicket-xhtml1.4-strict.dtd">	
<head>
	<title>About Page</title>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
</head>

<body>
<wicket:extend>
<div wicket:id="advancedSearch">
	<h2><wicket:message key="advancedSearchPageTitle">Advanced Search</wicket:message></h2>
	
	<span wicket:id="formFeedback"></span>
	
	<form id="searchBookFormId" wicket:id="searchBookForm" class="searchForm">
			<table class="searchview">
				<tr>
					<td><b>ID:</b> </td>
					<td><input type="text" wicket:id="bookId" value="" /></td>
					<td><b><wicket:message key="author">Author</wicket:message>:</b></td>
					<td><input type="text" wicket:id="author" value="" /></td>
				</tr>
				<tr>
					<td><b><wicket:message key="title">Title</wicket:message>:</b></td>
					<td><input type="text" wicket:id="title" value="" /></td>
					<td><b>Tag:</b></td>
					<td><input type="text" wicket:id="tag" value="" /></td>
				</tr>
				<tr>
					<td><b><wicket:message key="category">Category</wicket:message>:</b></td>
					<td><input type="text" wicket:id="category" value="" /></td>
					<td><b><wicket:message key="subcategory">Subcategory</wicket:message>:</b></td>
					<td><input type="text" wicket:id="subcategory" value="" /></td>
				</tr>
				<tr>
					<td colspan="4">
						<b>Rating:</b> &nbsp;
						<wicket:message key="from">From</wicket:message>: <input type="text" wicket:id="lowRating" value="" />
						<wicket:message key="to">To</wicket:message>: <input type="text" wicket:id="highRating" value="" />
					</td>						
				</tr>
				<tr>
					<td colspan="4">
						<b><wicket:message key="publishDate">Publish Date</wicket:message>:</b> &nbsp;
						<wicket:message key="from">From</wicket:message>: <input type="text" wicket:id="lowPublishDate" value="" />
						<wicket:message key="to">To</wicket:message>: <input type="text" wicket:id="highPublishDate" value="" />
					</td>						
				</tr>
			</table>
			<input type="submit" wicket:id="searchBook" value="Search" class="buttons" wicket:message="value:search" />
			
			<div wicket:id="feedbackMessage"></div>
			
			</form>
					
			
<wicket:container wicket:id="tableContainer">
<table class="dataview">
	<tbody>
		<tr>
			<th class="title"><wicket:message key="title">Title</wicket:message></th>
			<th class="title"><wicket:message key="author">Author</wicket:message></th>
			<th class="title">Tags</th>
			<th class="title"><wicket:message key="publishDate">Publish Date</wicket:message></th>
			<th class="title"></th>
		</tr>
		<tr wicket:id="bookList">
			<td class="list">
				<div><a href="#" wicket:id="viewLink"><span wicket:id="title" class="title">Title goes here</span></a></div>
			</td>
			<td class="list">
				<div><a href="#" wicket:id="authorLink"><strong wicket:id="authorName">Author goes here</strong></a></div>
			</td>
			
			<td class="list longList">
				<span wicket:id="tagList">
					<a href="#" wicket:id="tagLink">#<span wicket:id="tagName"></span></a>&nbsp;
				</span>
			</td>
			<td class="list"><span wicket:id="publishDate">Date goes here</span></td>
			<td class="list listTools">
				<a href="#" wicket:id="detailsLink">Ver</a>
			</td>
		</tr>
	</tbody>
</table>
</wicket:container>

<div wicket:id="footerPaginator" class="footerPaginator"></div>

</div>




</wicket:extend>
</body>
</html>